<include file="Public/head" />
<script src="{:get_style_cdnurl()}paimai/yunying/plugin/ztree/jquery.ztree.core-3.5.js" type="text/javascript"></script>
<script type="text/javascript">
    var setting = {
        data: {
            simpleData: {
                enable: true
            }
        },
        callback:{
            onClick: zTreeOnClick
        }
    };

    var zNodes =[
    <?php foreach($departs as  $item):?>
    {id:<?php echo $item['id'];?>, pId:<?php echo $item['pid'];?>, name:"<?php echo $item['name'];?>",<?php echo $item['id']==1 ? "open: true" : '' ;?>},
    <?php endforeach;?>
    ];

    function zTreeOnClick( event, treeId, treeNode){
        //console.log(treeNode);
        $("#depart_id").val(treeNode.id);
        $("#onadd").val(treeNode.name);
        $(".employee ul .zTreeDemoBackground").fadeOut();
    }
    $(document).ready(function(){
        $.fn.zTree.init($("#tree"), setting, zNodes);

        $("#onadd").click(function(){
            $(".employee ul .zTreeDemoBackground").fadeToggle();
            $("#tree").show();
        })

        $(".employee ul li .menList").click(function(event){
                $(this).siblings("ul").fadeIn()
                $(this).parent().siblings("li").find("ul").fadeOut();
                event.stopPropagation();
        });
        $(".zTreeDemoBackground").click(function(event){       
            event.stopPropagation();
        })
    
        $("body").click(function(event){
            $(".employee ul li .menbox").fadeOut();
            $(".employee ul .zTreeDemoBackground").fadeOut();
            event.stopPropagation();
        })
    });

    function popup(opp){
         $(opp).parent().siblings("input").val($(opp).html());
         $(opp).parent().fadeOut();
    }
    
</script>

</head>

<body>
<include file="Public/common_header" />

<div class="mian">
    <include file="Public/sidebar" menu='zhgl.ygzh' />
        <div class="mianR">
            <h3 class="yonghu">员工账号</h3>
            <div class="shangFrom shangFrom1 clearfix">
                <div class="chang-ci">
                    <!-- <input type="button" value="分组管理" class="feiyong" /> -->
                </div>
            </div>
            <div class="employee">
                <form action="/Emp/ci_edit" method="post" id="editForm" >
                    <input type="hidden" name="emp_id" value="{$emp.emp_id}" />
                    <ul class="clearfix">
                        <li>
                            <span>*用户名</span>
                            <input type="text" readonly name="username" value="{$emp.username}" />
                        </li>
                        <li>
                            <span>*真实姓名</span>
                            <input type="text" name="real_name" value="{$emp.real_name}" />
                        </li>
                        <li>
                            <span>邮箱</span>
                            <input type="text" name="email" value="{$emp.email}" />
                        </li>
                        <li>
                            <span>*手机</span>
                            <input type="text" name="mobile"  value="{$emp.mobile}" />
                        </li>

                        <li>
                            <span>*部门</span>
                            <input type="text" id="onadd"  class="menList" readonly value="{$emp.depart_name}">
                            <div class="zTreeDemoBackground left">
                                <ul id="tree" class="ztree"></ul>
                            </div>
                        </li>
                        <input type="hidden" id="depart_id" name="depart_id" value="{$emp.depart_id}" />
                    </ul>
                </form>
            </div>
            <div class="yongBtn">
                <input type="submit" value="保存" class="queding" id="submitForm" />
                <input name="重置" type="reset" class="quxiao" onclick="history.go(-1);" value="取消" />
            </div>
        </div>

    <div class="clear"></div>
</div>
<script >
   $("#submitForm").click(function () {
       $(".yunBei").css("display","block");
       $.post('/Emp/ci_edit',$("#editForm").serialize(),function (data) {
           if(data.code!=200){
               shibai_alert1(data.msg,500,function () {
                   $(".yunBei").css("display","none")
               })
               return false
           }
           btn_alert("保存成功",500,function () {
               location.href="/Emp/index"
           })
       },'json')
   }) 
</script>
<!--审核通过-->

<include file="Public/foot" />